    // src/router/index.js
    import { createRouter, createWebHistory } from 'vue-router';
    import TeachingNav from '../views/TeachingNav.vue';
    import TeachingCollectAll from '../views/TeachingCollectAll.vue';
    import TeachingDisplay from "../views/TeachingDisplay.vue"; // 导入合并后的新组件

    const routes = [
      {
        path: '/',
        name: 'TeachingNav',
        component: TeachingNav
      },
      {
        path: '/collect', // 您可能需要根据实际需求调整这个路径
        name: 'TeachingCollectAll',
        component: TeachingCollectAll,
        props: true
      },
        {
            path: '/display',
            name: 'TeachingDisplay',
            component: TeachingDisplay
        }
      // ... 您可以移除之前针对 TeachingCollect.vue 等的单独路由
    ];

    const router = createRouter({
      history: createWebHistory(),
      routes,
    });

    export default router;